<template>
	    <view class="search-bar">
			<view class = "search-bar-box">
				<image class="search-span" src="../../../static/img/qa.png"></image>
				<input type="text" value="" placeholder="请输入内容"	 class="search-text"  maxlength="10" focus="">
				<button  class="search-btn">搜索</button>
			</view>
	    </view>
</template>

<script>
export default {
	data() {
		return {
			title: 'Hello'
		};
	},
	onLoad() {},
	methods: {}
};
</script>

<style>
.content {
	text-align: center;
	height: 400upx;
	margin-top: 200upx;
}
.uni-input{
	border: 1px solid #ccc;
	padding: 5px;
}

.search-bar{
	width: 100%;
	height: 100rpx;
	margin-top: 2%;
}
.search-bar-box{
	display: flex;
	margin: 0 auto;
	width: 620rpx;
	height: 70rpx;
	border: 5rpx solid ##00a8cc;
	border-radius: 50rpx;
	
	
}
.search-span{
	width: 56rpx;
	height: 20px;
	margin-top: 6rpx;
	margin-left: -10px;
}

</style>
